<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>自考学院--我的好友</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link type="text/css" rel="stylesheet" href="themes/css/base.css">
    <link type="text/css" rel="stylesheet" href="themes/css/home.css">
    <script type="text/javascript" src="themes/js/jquery.min.js"></script>
    <script type="text/javascript" src="themes/js/slider.js"></script>
    <script type="text/javascript" src="themes/js/tab.js"></script>
</head>
<body>

<section class="aui-flexView">
    <header class="aui-navBar aui-navBar-fixed b-line">
        <a href="javascript:history.back(-1)" class="aui-navBar-item">
            <i class="icon icon-return"></i>
        </a>
        <div class="aui-center">
            <span class="aui-center-title">我的好友</span>
        </div>
        <a href="javascript:;" class="aui-navBar-item">
            <i class="icon icon-sys"></i>
        </a>
    </header>
    <section class="aui-scrollView">
        <div class="aui-friends-box">
            <div class="aui-tab-box" data-ydui-tab>
                <ul class="tab-nav">
                    <li class="tab-nav-item tab-active">
                        <a href="javascript:;">我的关注</a>
                    </li>
                    <li class="tab-nav-item">
                        <a href="javascript:;">我的粉丝</a>
                    </li>
                </ul>
                <div class="tab-panel">
                    <div class="tab-panel-item tab-active">
                        <div class="tab-item">
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-001.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>孙璐璐</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-002.jpg" alt="">
                                    <p>关注好友</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-002.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip1.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>安然老师</h4>
                                    <p>同学们好 我是你们的班主任</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-003.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>小微同学</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-004.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>刘梦</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-005.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>张海</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-006.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>李若彤</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-007.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>明一同学</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                        </div>
                    </div>
                    <div class="tab-panel-item">
                        <div class="tab-item">
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-001.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>孙璐璐</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-003.jpg" alt="">
                                    <p>关注好友</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-002.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip1.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>安然老师</h4>
                                    <p>同学们好 我是你们的班主任</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-003.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>小微同学</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-004.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>刘梦</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-005.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>张海</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-006.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>李若彤</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-list-item">
                                <div class="aui-list-item-hd">
                                    <img src="themes/img/user/user-mate-007.jpg" alt="">
                                    <span class="aui-well-comm-vip">
                                    <img src="themes/img/icon/icon-vip.png" alt="">
                                </span>
                                </div>
                                <div class="aui-list-item-bd">
                                    <h4>明一同学</h4>
                                    <p>新的一天新的开始加油学习</p>
                                </div>
                                <span class="aui-list-item-fr">
                                    <img src="themes/img/icon/icon-follow-001.jpg" alt="">
                                    <p>相互关注</p>
                                </span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</section>

</body>
</html>